<template>
  <view class="box">
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <!-- <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />共享房源
	  <text @click='search' style=' margin-right: 20rpx;'>
	  	<uni-icons type="search" size="20" color='#fff'/>
	  </text>
      <p @click="bianji">{{ text }}</p> -->
	  <image @click="fanhui" class="image1" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />
	  <!-- #ifndef MP-WEIXIN -->
	  共享房源	  
	  <!-- #endif -->
	  <!-- #ifdef MP-WEIXIN -->
	  <text @click="fanhui">共享房源</text>
	  <!-- #endif -->
	  <!-- <p class="p2" @click="bianji">{{ text }}</p> -->
    </view>
    <view class="top_flex">
      <view class="tips flex">
        <image
          src="https://pic.bangbangtongcheng.com/static/light.png"
          mode="scaleToFill"
        />
        <text>共享房源仅经纪人可见</text>
      </view>
      <view class="top_btn flex_center" @click="shareRanking">
        共享排名
      </view>
    </view>
    <view class="sousuo_box">
      <view class="sousuo">
        <input type="text" v-model="searchContent" placeholder="请输入搜索内容" />
        <image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" @click="reload" />
        <!-- <view class="quxiao" v-if="!search" @click="back">取消</view> -->
        <!-- <view class="quxiao" @click="searchList">搜索</view> -->
      </view>
      <view class="sousuo_right">
        <view class="btn" @click.stop="showModal" data-target="DrawerModalR">
          筛选
        </view>
        <view class="btn btn2" @click="bianji">
          {{width == 290 ? '确认申领':'批量申领'}}
        </view>
      </view>
    </view>
    <!-- <scroll-view scroll-x style="padding-top: 6rpx" class="bg-white nav" scroll-with-animation
      :scroll-left="scrollLeft">
      <view class="cu-item view" :class="index == TabCur ? 'text-green cur' : ''" v-for="(item, index) in list"
        :key="index" @tap="tabSelect" :data-id="index">
        {{ item.name }}
        <image src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix" v-if="TabCur == index" />
      </view>
      <img v-if="TabCur!=0" @click.stop="showModal" data-target="DrawerModalR" style='position: absolute;right: 0; top: 20rpx; width: 50rpx;height:50rpx;margin-right: 30rpx;margin-left: 20rpx;' src="https://pic.bangbangtongcheng.com/0368e81063e3433eacf421095050e7b7" alt="">
    </scroll-view> -->
    <!-- #ifdef H5 || APP-PLUS -->
    <scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        'px - 94rpx - 72rpx - 88rpx  )'
      " @scrolltolower="down" :scroll-into-view="scrollT" :scroll-anchoring="true" @scroll="scrolls" refresher-background="#f5f5f5">
      <!-- #endif -->
      <!-- #ifdef MP -->
      <scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        'px - 94rpx - 72rpx - 88rpx - 54rpx )'
      " @scrolltolower="down" :scroll-into-view="scrollT" @scroll="scrolls" :scroll-with-animation="true" refresher-background="#f5f5f5">
        <!-- #endif -->
		    <view id="scrollT"> </view>
        <view class="list list1" :style="width == 290?'padding-bottom:130rpx':''">
          <view class="li" v-for="(item, index) in Recommend" :key="index">
            <view class="li_box">
              <view class="radio">
                <radio v-if="width == 290" :disabled="item.isCopy == 1 || item.user_id == userInfo.id" style=" margin-right: 10px" :data-index='index' :checked='item.active'
                @click.stop="changeRadio(index,item)" @change="changeRd"></radio>
              </view>
              
              <!-- <view class="xian" :style="'width: ' + (width + 324) + 'rpx'"></view> -->
              <view class="img_box">
                <image mode="aspectFit" class="img1" :src="item.display_diagram?item.display_diagram:imgUrl + item.house_image" @click="details(item.id)" />
                
                <view class="state1" v-if="item.isCopy == '1'">
                  已申领
                </view>
              </view>
              <!-- <view
              class="biaoqian1"
              :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
              v-if="item.up_status == 1"
              >已上架</view
            > -->
              <!-- <view
              class="biaoqian2"
              :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
              v-if="item.up_status == 0"
              >已下架</view
            > -->
              <image class="img2" v-if="item.STATUS == 1 && item.transaction_type == 2"
                :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
                src="https://pic.bangbangtongcheng.com/static/shou.png" />
              <image class="img3" v-if="item.STATUS == 1 && item.transaction_type == 1"
                :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
                src="https://pic.bangbangtongcheng.com/static/zu.png" />
              <!-- <image
              class="img3"
              :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
              src="https://pic.bangbangtongcheng.com/static/shenhe.png"
            /> -->
              <view class="li_1" :style="'width: ' + width + 'rpx'" @click="details(item.id)">
                <view class="tit">
									<span class="tagLabel">{{item.transaction_type ==1?'出租房':(item.new_old == 1?'新房':'二手房')}}</span>
                  {{ item.title }}
                </view>
                <view class="neirong_1">
                  <view class="neir_css">{{ item.region }}</view>
                  <view class="neir_css">{{ item.cellName || ''}}</view>
                </view>
                <view class="neirong_1">
                  <view class="neir_css">
                    {{ item.floor?item.floor.split('|')[0]+"层/共"+item.floor.split('|')[1]+"层" :''}}
                  </view>
                  <view class="neir_css">{{item.houseType || ''}}</view>
                </view>
                <view class="neirong_1">
                  <view class="price neir_css" v-if="item.transaction_type == 2">{{ item.price }}万</view>
                  <view class="price neir_css" v-if="item.transaction_type == 1 && item.price <= 10000">{{ item.price }}元</view>
                  <view class="price neir_css" v-if="item.transaction_type == 1 && item.price > 10000">{{ item.price/10000 }}万元</view>
                  <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
                </view>
              </view>
            </view>
            <view class="sharer-say flex" :style="width == 290 ? 'paddingLeft:72rpx' : 'left:0rpx'">
              <text style="color:#999">共享者说:
                <text style="color: #333;margin-left:10rpx"> 
                  佣金
                  <text v-if="item.is_face != 1"> {{ item.commission }}元</text>
                  <text v-if="item.is_face == 1"> 面议</text>
                </text>
              </text> 
              <view class="flex" @click="openShareTips(item)">
                展开<u-icon name="arrow-down" color="#64b6a8" size="14"></u-icon>
              </view>
            </view>
          </view>
          <view v-if="Recommend.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="down" v-show="Recommend.length != 0 && !downStatus">
            没有更多了
          </view>
        </view>
      </scroll-view>
		
      <view class="zbc" v-if="zbc">
        <view class="sharer-tips" v-if="showShareTips">
          <view class="tips-top flex">
            <text>共享者说:</text>
            <image v-if="houseDetails.user_id != userInfo.id" @click="goJuBao" src="https://pic.bangbangtongcheng.com/static/jubao.png" style="width: 60rpx; height: 60rpx;"></image>
          </view>
        <view class="tips-content">
          <view class="yong-jin flex">
           
            <text>佣金 :  </text>
            <view v-if="houseDetails.is_face != 1"> {{ houseDetails.commission }}元</view>
            <view v-if="houseDetails.is_face == 1"> 面议</view>
            
          </view>
          <view class="yong-jin flex">
            <text>亮点:  </text>
            <view>{{houseDetails.highlights}} </view>
          </view>
          <view class="yong-jin flex">
            <text>备注:  </text>
            <view>{{houseDetails.share_remark}} </view>
          </view>
        </view>
        <view class="tips-btn-box">
          <view class="tips-btn tips-btn1" @click="closeTips">
            关闭
          </view>
          <view class="tips-btn" @click="shangjiaA">
            申领该房源
          </view>
        </view>
        
        </view>
      </view>		
		
	  <view class="cu-modal drawer-modal justify-end" @click.stop="hideModal()" :class="modalName == 'DrawerModalR' ? 'show' : ''" :style="'padding-top:' +statusBarHeight1+'px'">
	  	<scroll-view scroll-y="true" @touchmove.stop>
	  		<view class="tittit" @click.stop="" :style="[
	  					  { top: 'calc(' + statusBarHeight1 + 'px)'},
	  					]">
	  					  <view @click="hideModal()">×</view>筛选
	  					</view>
	  		<view class="cu-dialog basis-lg" @tap.stop :style="[
	  		    {
	  		      // top: `calc(${statusBarHeight1}px)`,
	  		      height: 'calc(100vh - ' + statusBarHeight1 + 'px - 36px)',
	  		    },
	  		  ]">
	  		  <view class="cu-list menu text-left">
	  		   <view style="height: 80rpx;">
	  		    </view>
            <view class="leibie">
              房源类别
              <span style="color: #999999">（请选择类别）</span>
              <view class="list">
                <view @click.stop="type2Click(index)" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type2" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
	  		    <view class="leibie">
	  		      类别
	  		      <span style="color: #999999">（请选择类别）</span>
	  		      <view class="list">
	  		        <view @click.stop="type1Click(index)" :class="item.active ? 'li xuan' : 'li'"
	  		          v-for="(item, index) in type1" :key="index">{{ item.valueName }}</view>
	  		      </view>
	  		    </view>
            <view class="quyu">
              户型
              <span style="color: #999999">（请选择户型）</span>
              <view class="list">
                <view @click.stop="type3Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type3" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
	  		    <view class="quyu">
	  		      区域
	  		      <span style="color: #999999">（请选择区域）</span>
	  		      <view class="list">
	  		        <view @click.stop="type7Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
	  		          v-for="(item, index) in type7" :key="index">{{ item.valueName }}</view>
	  		      </view>
	  		    </view>
	  				<view class="jiage" v-if="TabCur==3">
	  				  租金
	  				  <span style="color: #999999">（请选择租金）</span>
	  				  <view class="list">
	  				    <view @click.stop="type12Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
	  				      v-for="(item, index) in type12" :key="index">{{ item.valueName }}</view>
	  				  </view>
	  				</view>
	  		    <view class="jiage" v-else>
	  		      价格
	  		      <span style="color: #999999">（请选择价格）</span>
	  		      <view class="list">
	  		        <view @click.stop="type8Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
	  		          v-for="(item, index) in type8" :key="index">{{ item.valueName }}</view>
	  		      </view>
	  		    </view>
	  		    <view class="mianji">
	  		      面积
	  		      <span style="color: #999999">（请选择面积）</span>
	  		      <view class="list">
	  		        <view @click.stop="type9Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
	  		          v-for="(item, index) in type9" :key="index">{{ item.valueName }}</view>
	  		      </view>
	  		    </view>
	  		    <view class="loucen">
	  		      楼层
	  		      <span style="color: #999999">（请选择楼层）</span>
	  		      <view class="list">
	  		        <view @click.stop="type10Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
	  		          v-for="(item, index) in type10" :key="index">{{ item.valueName }}</view>
	  		      </view>
	  		    </view>
				    <view class="loucen">
	  		      佣金
	  		      <span style="color: #999999">（请选择佣金）</span>
	  		      <view class="list">
	  		        <view class="flex" style="align-items: center;">
	  		               <input class="li" v-model="yongJin1" maxlength="7" style="margin: 0 15rpx;padding: 5rpx 0;" type="text">至
						   <input class="li" v-model="yongJin2" style="padding: 5rpx 0;margin: 0 15rpx;"  maxlength="7"  type="text">（元）
	  		        </view>
	  		      </view>
	  		    </view>
				    <view class="loucen">
	  		      时间
	  		      <span style="color: #999999">（请选择时间）</span>
	  		      <view class="list">
	  		         <view class="flex" style="align-items: center;margin-bottom: 20rpx;">
	  		                <view class="li" style="width: 220rpx;margin: 0 5rpx 0 0;" @click="show1 = true">{{value1}}</view>
                        至
                        <view class="li" style="width: 220rpx;margin: 0 0 0 5rpx;" @click="show2 = true">{{value2}}</view>
	  		         </view>
	  		      </view>
	  		    </view>
	  		  </view>
	  		</view>
	  		<view class="di">
	  		  <view class="div l" @click.stop="cz">重置</view>
	  		  <view class="div r" @click.stop="sx">确定</view>
	  		</view>
	  	</scroll-view>
	  </view>
	  
	  
	  <u-datetime-picker
	          :show="show1"
	          mode="date"
			  @confirm="confirm1"
			  @cancel="close1"
	  ></u-datetime-picker>
	  <u-datetime-picker
	          :show="show2"
	          mode="date"
			  @confirm="confirm2"
			  @cancel="close2"
	  ></u-datetime-picker>
    <uni-popup ref="binds" mode="center">
      <view class="window">
				<view class="window_top">
					<view class="window_text">申领成功！</view>
					<view class="window_text">申领房源请到我的发布进行管理</view>
				</view>
				<view class="window_btn_box">
					<view class="window_btn" @click="bindsClose">查看详情</view>
				</view>
			</view>
    </uni-popup>
	  <uniBall></uniBall>
	  <view class="hui" v-if="scrollTop>20" @click="totop">
	  	<image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
	  </view>
  </view>
</template>
<script>
import { mapGetters } from "vuex";
let statusBarHeight;
//#ifdef H5
import wxshare from "../utils/index.js";
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
//#endif
// #ifdef APP-PLUS
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
//  #endif
// #ifdef MP-WEIXIN
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5;
//  #endif
export default {
  data() {
    return {
      showShareTips: false,
      statusBarHeight,
		  scrollTop:0,
      searchContent: '',
      width: 366,
      text: "管理",
      TabCur: 0,
      value1: "",
      value2: "",
      zbc: false,
      shouye: false,
      shangjia: false,
      show1: false,
      show2: false,
	    scrollT:null,
      yongJin1: "",
      yongJin2: "",
      houseDetails: {},
      list: [
        {
          num: 1,
          name: "全部",
        },
        {
          num: 2,
          name: "新房",
        },
        {
          num: 3,
          name: "二手房",
        },
        {
          num: 4,
          name: "出租房",
        },
      ],
      typeIndex1: -1,
      type4: [
        {
          valueName: "首页",
          id: "1",
        },
        {
          valueName: "房源信息",
          id: "",
        },
      ],
      typeIndex4: -1,
      type6: [
        {
          valueName: "上架",
          id: "1",
        },
        {
          valueName: "下架",
          id: "0",
        },
      ],
      typeIndex6: -1,
      scrollLeft: 0,
      picker: [],
      pageSize: 10,
      pageNo: 1,
      trigger: false,
      downStatus: true,
      upStatus: true,
      userInfo: uni.getStorageSync("Pduser"),
      imgUrl: this.$imgSrc,
      Recommend: [],
      transactionType: "",
      newOld: "",
      activeData: [],
      // 筛选
      modalName: "",
      houseType: '',
      CustomBar1: "",
      type1: [],
      type7: [],
      type8: [],
      type9: [],
      type10: [],
      type12: [],
      type13: [],
      type14: [],
      type2: [
        {
          active: false,
          valueName: "新房",
          value: "1"
        },
        {
          active: false,
          valueName: "二手房",
          value: "2"
        },
        {
          active: false,
          valueName: "出租房",
          value: "3"
        }
      ],
      type3: [],
      type: "",
      region: "",
      price: "",
      area: "",
      floor: "",
      houseAvailableData: "",
	  scrollTops:0,
    };
  },
  computed: {
    ...mapGetters(["statusBarHeight1", "userinfo"]),
  },
  onLoad() {
    for (let i = 1; i < 11; i++) {
      this.picker.push(i + "天");
    }
    this.getFy();
    this.getType();
    /* #ifdef H5 */
    // this.jinzhi();
    /* #endif */
  },
  onShow() {
    this.reload()
  },
  async onPullDownRefresh() {
    this.Recommend = [];
    this.pageNo = 1;
    this.downStatus = true;
    if (this.upStatus) {
      this.trigger = true;
      await this.getFy();
    }
  },
  filters: {
    nums(val) {
      return val.toFixed(2);
    },
  },
  methods: {
    bindsClose() {
      this.$refs.binds.close()
      uni.redirectTo({ url: '/pages_my/myIssue' })
    },
    shareRanking() {
      uni.navigateTo({ url: '/pages_my/shareRanking' })
    },
    jinzhi() {
      let _this = this;
      let param = window.location.href.split("#")[0];
      uni.request({
        method: "post",
        data: {
          url: param,
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
        },
        url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
        success(re) {
          _this.jinzhifx(re.data);
        },
      });
    },
    jinzhifx(data) {
      wxshare.config({
        debug: false, //是否打开调试
        appId: data.appId, // 公众号的唯一标识
        timestamp: data.timestamp, // 生成签名的时间戳
        nonceStr: data.nonce, // ，生成签名的随机串
        signature: data.signature, // 签名
        jsApiList: ["hideMenuItems"],
      });
      // 禁止分享
      wxshare.hideMenuItems({
        // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        menuList: [
          "menuItem:share:appMessage",
          "menuItem:share:timeline",
          "menuItem:share:timeline",
          "menuItem:share:qq",
          "menuItem:favorite",
          "menuItem:share:QZone",
          "menuItem:openWithSafari",
        ],
      });
    },
    showModal(e) {
      this.modalName = e.currentTarget.dataset.target;
      uni.stopPullDownRefresh()
    },
    hideModal(e) {
      this.modalName = null;
    },
    type1Click(index) {
      let that = this;
      this.type1.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type1[index1], "active", !el.active);
        } else {
          that.type1[index1].active = false;
        }
      });
    },
    type2Click(index) {
      let that = this;
      this.type2.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type2[index1], "active", !el.active);
        } else {
          that.type2[index1].active = false;
        }
      });
    },
    type3Click(index) {
      let that = this;
      this.type3.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type3[index1], "active", !el.active);
        } else {
          that.type3[index1].active = false;
        }
      });
    },
    type7Click(index) {
      let that = this;
      this.type7.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type7[index1], "active", !el.active);
        } else {
          that.type7[index1].active = false;
        }
      });
    },
    type8Click(index) {
      let that = this;
      this.type8.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type8[index1], "active", !el.active);
        } else {
          that.type8[index1].active = false;
        }
      });
    },
    type9Click(index) {
      let that = this;
      this.type9.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type9[index1], "active", !el.active);
        } else {
          that.type9[index1].active = false;
        }
      });
    },
	  scrolls(e){
			this.scrollTop = e.detail.scrollTop
			this.scrollT=null;
	  },
	  //回到顶部
	  totop() {
	  	this.$nextTick(()=>{
	  		this.scrollT = 'scrollT'
	  	})
	  },
    async confirm1(e) {
      let tf = await uni.$u.timeFormat(e.value, "yyyy-mm-dd");
      this.value1 = tf;
      this.show1 = false;
    },
    async confirm2(e) {
      let tf = await uni.$u.timeFormat(e.value, "yyyy-mm-dd");
      this.value2 = tf;
      this.show2 = false;
    },
    close1() {
      this.show1 = false;
    },
    close2() {
      this.show2 = false;
    },
    openShareTips(val) {
      this.houseDetails = val;
      this.zbc = true;
      this.showShareTips = true;
    },

    closeTips() {
      this.zbc = false;
      this.showShareTips = false;
    },

    showModal(e) {
      console.log(e);
      this.modalName = e.currentTarget.dataset.target;
      uni.stopPullDownRefresh();
    },

    goJuBao() {
      uni.navigateTo({
        url: `/pages_houses/housing/informer?type=share&id=${this.houseDetails.user_id}&houseId=${this.houseDetails.id}`,
      });
    },

    hideModal() {
      this.modalName = null;
    },

    // 筛选
    sx() {
      let that = this;
      this.houseType = ""
      this.type = "";
      this.region = "";
      this.price = "";
      this.area = "";
      this.floor = "";
      this.newOld = ""
      this.type = "";
      this.region = "";
      this.price = "";
      this.area = "";
      this.value1 = "";
      this.value2 = "";
      this.floor = "";
      this.type1.forEach((el) => {
        if (el.active == true) {
          that.type = el.valueNum;
        }
      });
      this.type1.forEach(el => {
        if (el.active == true) {
          that.type = el.valueNum;
        }
      });
      let arr = this.type2.filter(el => {
        return el.active
      })
      if (arr.length == 0) {
        that.transactionType = "";
        that.newOld = "";
      }
      this.type2.forEach(el => {
        if (el.active == true) {
          if (el.value == 1) {
            that.transactionType = "2";
            that.newOld = "1";
          } else if (el.value == 2) {
            that.transactionType = "2";
            that.newOld = "2";
          } else if (el.value == 3) {
            that.transactionType = "1";
            that.newOld = "";
          }
        }
      });
      this.type7.forEach(el => {
        if (el.active == true) {
          that.region = el.valueName;
        }
      });
      this.type3.forEach(el => {
        if (el.active == true) {
          that.houseType = el.valueName;
        }
      });
      this.type8.forEach(el => {
        if (el.active == true) {
          that.price = el.valueName;
        }
      });
      this.type9.forEach(el => {
        if (el.active == true) {
          that.area = el.valueName;
        }
      });
      this.type10.forEach(el => {
        if (el.active == true) {
          that.floor = el.value;
        }
      });
      this.type7.forEach((el) => {
        if (el.active == true) {
          that.region = el.valueName;
        }
      });
      if (this.TabCur == 3) {
        this.type12.forEach((el) => {
          if (el.active == true) {
            that.price = el.valueName;
          }
        });
      } else {
        this.type8.forEach((el) => {
          if (el.active == true) {
            that.price = el.valueName;
          }
        });
      }
      this.type9.forEach((el) => {
        if (el.active == true) {
          that.area = el.valueName;
        }
      });
      this.type10.forEach((el) => {
        if (el.active == true) {
          that.floor = el.valueNum;
        }
      });
      this.Recommend = [];
      this.pageNo = 1;
      this.modalName = null;
      this.getFy();
    },
    cz() {
      this.searchContent = ''
      this.type1.forEach(el => {
        el.active = false;
      });
      this.type7.forEach(el => {
        el.active = false;
      });
      this.type8.forEach(el => {
        el.active = false;
      });
      this.type9.forEach(el => {
        el.active = false;
      });
      this.type10.forEach(el => {
        el.active = false;
      });
      this.type3.forEach(el => {
        el.active = false;
      });
      this.type2.forEach(el => {
        el.active = false;
      });
      this.type1.forEach((el) => {
        el.active = false;
      });
      this.type7.forEach((el) => {
        el.active = false;
      });
      if (this.TabCur == 3) {
        this.type12.forEach((el) => {
          el.active = false;
        });
      } else {
        this.type8.forEach((el) => {
          el.active = false;
        });
      }
      this.type9.forEach((el) => {
        el.active = false;
      });
      this.type10.forEach((el) => {
        el.active = false;
      });
      this.houseType = ""
      this.type = "";
      this.region = "";
      this.price = "";
      this.area = "";
      this.floor = "";
      this.newOld = ""
      this.type = "";
      this.region = "";
      this.price = "";
      this.area = "";
      this.value1 = "";
      this.value2 = "";
      this.floor = "";
      this.Recommend = [];
      this.pageNo = 1;
      this.modalName = null;
      this.getFy();
    },

    type1Click(index) {
      let that = this;
      this.type1.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type1[index1], "active", !el.active);
        } else {
          that.type1[index1].active = false;
        }
      });
    },
    type7Click(index) {
      let that = this;
      this.type7.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type7[index1], "active", !el.active);
        } else {
          that.type7[index1].active = false;
        }
      });
    },
    type8Click(index) {
      let that = this;
      this.type8.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type8[index1], "active", !el.active);
        } else {
          that.type8[index1].active = false;
        }
      });
    },
    type12Click(index) {
      let that = this;
      this.type12.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type12[index1], "active", !el.active);
        } else {
          that.type12[index1].active = false;
        }
      });
    },
    type9Click(index) {
      let that = this;
      this.type9.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type9[index1], "active", !el.active);
        } else {
          that.type9[index1].active = false;
        }
      });
    },
    type10Click(index) {
      let that = this;
      this.type10.forEach((el, index1) => {
        if (index == index1) {
          that.$set(that.type10[index1], "active", !el.active);
        } else {
          that.type10[index1].active = false;
        }
      });
    },

    getType() {
      let that = this;
      this.$myRequest
        .get("/mob/home/getDictionaries", {
          pageNo: 1,
          pageSize: 10,
          type: "9,7,8,1,10,12,3",
        })
        .then((res) => {
          res.list.forEach((el) => {
            el.active = false;
            if (el.type == 1) {
              that.type1.push(el);
            } else if (el.type == 3) {
              that.type3.push(el);
            } else if (el.type == 7) {
              that.type7.push(el);
            } else if (el.type == 8) {
              that.type8.push(el);
            } else if (el.type == 9) {
              that.type9.push(el);
            } else if (el.type == 10) {
              that.type10.push(el);
            } else if (el.type == 12) {
              that.type12.push(el);
            } else if (el.type == 13) {
              that.type13.push(el);
            } else if (el.type == 14) {
              that.type14.push(el);
            }
          });
          // this.list = this.list.concat(res.list);
        });
    },

    bianji() {
      if (this.text == "完成") {
        this.text = "管理";
        this.width = 366;
        this.shangjiaC()
      } else {
        this.text = "完成";
        this.width = 290;
      }
    },
    tabSelect(e) {
      this.TabCur = e.currentTarget.dataset.id;
      this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
      let num = e.currentTarget.dataset.id + 1;
      if (num == 1) {
        this.transactionType = "";
        this.newOld = "";
      } else if (num == 2) {
        this.transactionType = "2";
        this.newOld = "1";
      } else if (num == 3) {
        this.transactionType = "2";
        this.newOld = "2";
      } else if (num == 4) {
        this.transactionType = "1";
        this.newOld = "";
      }
      this.resetIndex()
      this.Recommend = [];
      this.pageNo = 1;
      this.upStatus = true;
      this.trigger = false;
      // this.getFy(); // 客户提示要切换tab清空筛选内容，所以直接调用重置方法
      this.cz();
      // uni.$u.debounce(this.getFy(), 500)
    },
    resetIndex() {
      this.type1.forEach(el => {
        el.active = false
      })
      this.type7.forEach(el => {
        el.active = false
      })
      this.type12.forEach(el => {
        el.active = false
      })
      this.type8.forEach(el => {
        el.active = false
      })
      this.type9.forEach(el => {
        el.active = false
      })
      this.type10.forEach(el => {
        el.active = false
      })
      this.type = "";
      this.region = "";
      this.price = "";
      this.area = "";
      this.floor = "";
      this.value1 = ''
      this.value2 = ''
      this.text = "管理";
      this.width = 366;
    },
    changeRd(e) {
      console.log(e);
    },
    changeRadio(index, item) {
      if(item.isCopy == 1) return
      let that = this;
      if (that.Recommend[index].active) {
        that.Recommend[index].active = !that.Recommend[index].active;
        var index0 = this.activeData.findIndex((item) => {
          if (that.Recommend[index].id == item) {
            return true;
          }
        });
        this.activeData.splice(index0, 1);
      } else {
        that.Recommend.forEach((el, index1) => {
          if (index1 == index) {
            that.Recommend[index1].active = !that.Recommend[index1].active;
            that.activeData.push(that.Recommend[index1].id);
          } else {
            // that.Recommend[index1].active = false;
          }
        });
      }
      console.log(that.activeData);
    },
    del() {
      let that = this;
      let data = this.Recommend.filter((el) => {
        return el.active;
      });
      // console.log(data);
      if (!data.length) {
        uni.showToast({
          title: "请选择房源",
          icon: "none",
          mask: true,
        });
        return;
      }
      uni.showModal({
        title: "",
        content: "确定删除此房源？",
        showCancel: true,
        success: (res) => {
          if (res.confirm) {
            that.$myRequest
              .post("/mob/user/delHouseInfo", {
                id: data[0].id,
              })
              .then((res) => {
                uni.showToast({
                  title: res.msg,
                  icon: "none",
                  mask: true,
                });
                setTimeout(() => {
                  that.reload();
                }, 1000);
              });
          }
        },
      });
    },
    // shangjiaF() {
    //   this.$myRequest
    //     .post("/mob/home/updateUpStatus", {
    //       id: this.activeData.id,
    //       userId: this.userInfo.id,
    //       upStatus: this.activeData.up_status == 0 ? "1" : "2",
    //     })
    //     .then((res) => {
    //       uni.showToast({
    //         title: res.msg,
    //         icon: "none",
    //       });
    //       this.guan();
    //       setTimeout(() => {
    //         this.reload();
    //       }, 1000);
    //     });
    // },
    // zhiding() {
    //   this.$myRequest
    //     .post("/mob/home/updateUpHomePage", {
    //       id: this.activeData.id,
    //       dayNum: Number(this.typeIndex1) + 1,
    //       isShow: this.type4[this.typeIndex4].id,
    //     })
    //     .then((res) => {
    //       uni.showToast({
    //         title: res.msg,
    //         icon: "none",
    //       });
    //       this.guan();
    //       setTimeout(() => {
    //         this.reload();
    //       }, 1000);
    //     });
    // },
    // /mob/user/getHousesSale

    // 搜索
    search() {
      if (!this.userinfo.phone) {
        uni.showToast({
          title: "请登录",
          icon: "none",
          mask: true,
        });
        return;
      }
      console.log(222);
      uni.navigateTo({
        url: "./shareSearch?searchlogType=1&isShare=1",
      });
    },

    getFy() {
      let that = this;
      this.upStatus = false;
      this.$myRequest
        .get("/mob/home/getHouseInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          keyword: this.searchContent,
          // userId: this.userInfo.id,
          // shopId: this.userInfo.shopId,
          examineStatus: "2",
          isCopy: "0",
          isShare: 1,
          transactionType: this.transactionType,
          newOld:this.newOld,
          houseType: this.houseType,
          type: this.type,
          region: this.region,
          price: this.price,
          area: this.area,
          floor: this.floor,
          startTime: this.value1,
          overTime: this.value2,
          startYongjin: this.yongJin1,
          overYongjin: this.yongJin2,
          orderSort: 5,
          userId: this.userInfo.id
        })
        .then((res) => {
          if (!res.list.length) {
            that.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          res.list.forEach((el) => {
            el.active = false;
            if (el.house_image) {
              el.house_image = el.house_image.split("|")[0];
            }
          });
          if (this.pageNo == 1) {
            this.Recommend = res.list;
          } else {
            this.Recommend = this.Recommend.concat(res.list);
          }
          uni.stopPullDownRefresh();
          // this.userInfo = res.userInfo;
          // uni.setStorageSync("Pduser", res.userInfo);
        });
    },
    reload() {
      this.Recommend = [];
      this.pageNo = 1;
      this.upStatus = true;
      this.trigger = false;
      this.text = "管理";
      this.width = 366;
      this.activeData = []
      this.getFy();
    },
    down() {
      if (this.downStatus) {
		  console.log('down')
        this.pageNo++;
        this.getFy();
      }
    },
    shangjiaC(id) {
      if(this.activeData.length == 0) {
        uni.showToast({
          title: '未选中房源',
          icon: 'none',
          mask: true
        })
        return
      }
      var ids = this.activeData.join(",");
      this.$myRequest
        .post("/mob/user/copyHouseInfo", {
          userId: this.userInfo.id,
          ids: ids,
          shopId: this.userInfo.shopId,
        })
        .then((res) => {
          this.text = "管理";
          this.width = 366;
          // uni.showToast({
          //   title: res.msg,
          //   icon: "none",
          // });
          
          if (res.success) {
            this.$refs.binds.open()
            this.guan();
            setTimeout(() => {
			        this.activeData = []
              this.reload();
              // uni.navigateTo({
              //   url: "/pages_my/myIssue",
              // });
            }, 1000);
          } else {
            uni.showToast({
              title: res.msg,
              icon: "none",
            });
          }
        });
    },
    shangjiaA(id) {
      var ids = this.houseDetails.id;
      this.$myRequest
        .post("/mob/user/copyHouseInfo", {
          userId: this.userInfo.id,
          ids: ids,
          shopId: this.userInfo.shopId,
        })
        .then((res) => {
          this.text = "编辑";
          this.width = 366;
          
          if (res.success) {
            this.$refs.binds.open()
            this.guan();
            setTimeout(() => {
			        this.activeData = []
              this.reload();
              // uni.navigateTo({
              //   url: "/pages_my/myIssue",
              // });
            }, 1000);
          } else {
            uni.showToast({
              title: res.msg,
              icon: "none",
            });
          }
        });
    },
    async up() {
      this.Recommend = [];
      this.pageNo = 1;
      this.downStatus = true;
      if (this.upStatus) {
        this.trigger = true;
        await this.getFy();
      }
    },
    details(id) {
      uni.navigateTo({
        url: "/pages_my/shareHouseDetails?type=myIssue&id=" + id,
      });
    },
    fanhui() {
      uni.navigateBack({
        delta: 1,
      });
    },
    PickerChange(e) {
      // console.log(e);
      if (!this.activeData.id) {
        uni.showToast({
          title: "请选择房源",
          icon: "none",
        });
        return;
      }
      let index = e.detail.value;
      let type = e.currentTarget.dataset.type;
      if (type == 4) {
        this.typeIndex4 = index;
        this.zbc = true;
        this.shouye = true;
      } else if (type == 6) {
        this.typeIndex6 = index;
        if (index == 0) {
        } else if (index == 1) {
        }
      } else if (type == 1) {
        this.typeIndex1 = index;
      }
    },
    guan() {
      this.zbc = false;
      this.shouye = false;
      this.shangjia = false;
    },
  },
};
</script>
<style lang="less" scoped>
.show .tittit {
  transform: translateX(0%);
}
.tittit {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f8f8f8;
  z-index: 99999;
  max-width: 100%;
  width: 600rpx;
  transition-duration: 0.3s;
  transform: translateX(100%);
  text-align: center;
  line-height: 80rpx;
  font-size: 30rpx;
  border-bottom: 2rpx solid #cccccc;
  view {
    position: absolute;
    top: 0rpx;
    left: 20rpx;
    color: #999999;
    font-size: 54rpx;
    font-weight: 100;
  }
}

.cu-dialog {
  max-width: 100%;
  width: 600rpx;
}

.basis-lg {
  flex-basis: 600rpx;
  overflow: auto;
}
.di {
  position: fixed;
  width: 100%;
  bottom: 0rpx;
  left: 75rpx;

  .div {
    display: inline-block;
    width: 300rpx;
    height: 98rpx;
    text-align: center;
    line-height: 98rpx;
    font-size: 30rpx;
  }

  .l {
    background: #e0e0e0;
  }

  .r {
    background: #64b6a8;
    color: #fff;
  }
}
.cu-list {
  // padding-top: calc(var(--status-bar-height) + 80rpx);
  padding-bottom: 98rpx;

  .tit {
    position: relative;
    width: 100%;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }

  .leibie {
    margin-top: 40rpx;
    font-size: 28rpx;
    margin-left: 40rpx;

    .list {
      width: 100%;
      margin-top: 24rpx;

      .li {
        display: inline-block;
        text-align: center;
        width: 154rpx;
        height: 60rpx;
        line-height: 60rpx;
        background: #f2f2f2;
        border-radius: 30rpx;
        margin-right: 24rpx;
        margin-bottom: 24rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .quyu {
    margin-top: 40rpx;
    font-size: 28rpx;
    margin-left: 40rpx;

    .list {
      width: 100%;
      margin-top: 24rpx;

      .li {
        display: inline-block;
        text-align: center;
        width: 154rpx;
        height: 60rpx;
        line-height: 60rpx;
        background: #f2f2f2;
        border-radius: 30rpx;
        margin-right: 24rpx;
        margin-bottom: 24rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .jiage {
    margin-top: 40rpx;
    font-size: 28rpx;
    margin-left: 40rpx;

    .list {
      width: 100%;
      margin-top: 24rpx;

      .li {
        display: inline-block;
        text-align: center;
        width: 214rpx;
        height: 60rpx;
        line-height: 60rpx;
        background: #f2f2f2;
        border-radius: 30rpx;
        margin-right: 24rpx;
        margin-bottom: 24rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .mianji {
    margin-top: 40rpx;
    font-size: 28rpx;
    margin-left: 40rpx;

    .list {
      width: 100%;
      margin-top: 24rpx;

      .li {
        display: inline-block;
        text-align: center;
        width: 214rpx;
        height: 60rpx;
        line-height: 60rpx;
        background: #f2f2f2;
        border-radius: 30rpx;
        margin-right: 24rpx;
        margin-bottom: 24rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .loucen {
    margin-top: 40rpx;
    font-size: 28rpx;
    margin-left: 40rpx;

    .list {
      width: 100%;
      margin-top: 24rpx;

      .li {
        display: inline-block;
        text-align: center;
        width: 154rpx;
        height: 60rpx;
        line-height: 60rpx;
        background: #f2f2f2;
        border-radius: 30rpx;
        margin-right: 24rpx;
        margin-bottom: 24rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }
}

.zbc {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  .sharer-tips {
    position: absolute;
    // padding: 30rpx0;
    width: 600rpx;
    // height: 310rpx;
    background-color: #fff;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10rpx;
    .tips-top {
      padding: 45rpx 35rpx 20rpx;

      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .tips-content {
      padding: 0 35rpx;
      .yong-jin {
        margin-bottom: 10rpx;
        align-items: flex-start;
        flex-wrap: wrap;
        view {
          margin-left: 10rpx;
          width: 400rpx;
          word-wrap: break-word;word-break: break-all;
          word-break: break-all;
        }
      }
    }
    .tips-btn-box{
      margin-top: 40rpx;
      display: flex;
      border-top: 1rpx solid #666666;
    }
    .tips-btn {
      width: 50%;
      padding: 30rpx 0;
      text-align: center;
      background-color: #64b6a8;
      color: #fff;
    }
    .tips-btn1{
      background: #ffffff;
      color: #64b6a8;
    }
  }
  .tan {
    position: absolute;
    width: 600rpx;
    height: 420rpx;
    background-color: #fff;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10rpx;
    overflow: hidden;

    .li_1 {
      margin-left: 32rpx;
      margin-top: 60rpx;
      font-weight: 600;
      font-size: 30rpx;
    }

    .li_2 {
      font-size: 30rpx;
      margin-left: 32rpx;
      margin-top: 30rpx;

      view {
        display: inline-block;
        font-weight: 600;
        font-size: 30rpx;
      }

      .xuan {
        position: relative;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        line-height: 60rpx;
        color: #64b6a8;
        text-indent: 16rpx;
      }

      .xuan::before {
        position: absolute;
        top: 20rpx;
        right: 30rpx;
        content: "";
        border-color: #fff #fff #64b6a8 #fff;
        border-style: solid;
        border-width: 0rpx 8rpx 14rpx 8rpx;
        height: 0;
        width: 0;
      }
    }

    .li_3 {
      width: 536rpx;
      font-size: 24rpx;
      margin-left: 32rpx;
      color: #ea4b4b;
      margin-top: 40rpx;
    }

    .li_4 {
      position: absolute;
      font-size: 30rpx;
      width: 300rpx;
      height: 90rpx;
      background: #f2f2f2;
      bottom: 0;
      left: 0;
      text-align: center;
      line-height: 90rpx;
    }

    .li_5 {
      position: absolute;
      font-size: 30rpx;
      width: 300rpx;
      height: 90rpx;
      background: #64b6a8;
      bottom: 0;
      right: 0;
      text-align: center;
      line-height: 90rpx;
      color: #fff;
    }
  }

  .shangjia {
    z-index: 99;
    position: absolute;
    width: 600rpx;
    height: 300rpx;
    background-color: #fff;
    border-radius: 10rpx;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);

    .li_1 {
      width: 100%;
      font-size: 34rpx;
      font-weight: 600;
      margin-left: 114rpx;
      margin-top: 80rpx;
    }

    .li_2 {
      display: inline-block;
      vertical-align: top;
      width: 160rpx;
      height: 60rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      border-radius: 37rpx;
      text-align: center;
      line-height: 60rpx;
      color: #64b6a8;
      margin-top: 58rpx;
      margin-left: 118rpx;
    }

    .li_3 {
      display: inline-block;
      vertical-align: top;
      width: 160rpx;
      height: 60rpx;
      background: #64b6a8;
      border-radius: 37rpx;
      text-align: center;
      line-height: 60rpx;
      color: #fff;
      margin-top: 58rpx;
      margin-left: 46rpx;
    }
  }
}

.box {
  width: 100%;
  // padding-bottom: 130rpx;
  background-color: #fff;
}

.tou {
  position: relative;
  width: 100%;
  // height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  font-size: 34rpx;
  color: #fff;
  background-color: #64b6a8;

  .image1 {
    position: absolute;
    width: 32rpx;
    height: 32rpx;
    // top: 116rpx;
    left: 30rpx;
  }

  .image2 {
    position: absolute;
    width: 56rpx;
    height: 56rpx;
    // top: 104rpx;
    right: 30rpx;
  }

  p {
    position: absolute;
    // top: 104rpx;
    line-height: 45rpx;
    bottom: 21rpx;
    right: 30rpx;
    font-size: 32rpx;
    color: #fff;
  }
  .p2 {
  	position: absolute;
  	// bottom: 0rpx !important;
  	right: 30rpx;
  	/* #ifdef MP-WEIXIN */
  	position: absolute;
  	margin-left: auto;
  	margin-right: 180rpx;
  	bottom: 24rpx !important;
  	/* #endif */
  }
}

.bot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120rpx;
  background-color: #fff;
  z-index: 9;

  view {
    display: inline-block;
    position: absolute;
  }

  .bot_1 {
    left: 42rpx;
    top: 38rpx;
  }

  .bot_2 {
    left: 196rpx;
    top: 38rpx;
  }

  .bot_3 {
    width: 200rpx;
    height: 70rpx;
    background: #ffffff;
    border: 2rpx solid #64b6a8;
    color: #64b6a8;
    line-height: 68rpx;
    left: 304rpx;
    top: 25rpx;
    text-indent: 56rpx;
    border-radius: 36rpx;

    picker {
      height: 100%;
      width: 100%;

      .picker {
        left: 0;
        height: 100%;
        width: 100%;
        text-align: left;
        display: flex;
        position: relative;
        justify-content: center;
        text-indent: 0px;
      }
    }
  }

  .bot_3::before {
    position: absolute;
    top: 28rpx;
    right: 20rpx;
    content: "";
    border-color: #fff #fff #64b6a8 #fff;
    border-style: solid;
    border-width: 0rpx 8rpx 14rpx 8rpx;
    height: 0;
    width: 0;
  }

  .bot_4 {
    width: 150rpx;
    height: 70rpx;
    background: #64b6a8;
    color: #ffffff;
    line-height: 68rpx;
    // left: 520rpx;
    right: 50rpx;
    top: 25rpx;
    // text-indent: 56rpx;
    text-align: center;
    border-radius: 36rpx;

    picker {
      height: 100%;
      width: 100%;

      .picker {
        height: 100%;
        width: 100%;
        left: 0;
        text-align: left;
        display: flex;
        position: relative;
        justify-content: center;
        text-indent: 0px;
      }
    }
  }

  .bot_4::before {
    position: absolute;
    top: 28rpx;
    right: 20rpx;
    // content: "";
    border-color: #64b6a8 #64b6a8 #fff #64b6a8;
    border-style: solid;
    border-width: 0rpx 8rpx 14rpx 8rpx;
    height: 0;
    width: 0;
  }
}
.list1 {
  padding: 30rpx;
}
.list {
  .tit {
    color: #333333;
    font-size: 36rpx;
    margin-bottom: 12rpx;
    line-height: 46rpx;
    .tagLabel {
      vertical-align: top;
      background: #64B6A8;
      display: inline-block;
      color: #fff;
      font-size: 24rpx;
      line-height: 24rpx;
      text-align: center;
      // width: 106rpx;
      margin-right: 10rpx;
      padding: 6rpx 6rpx;
      border-radius: 4rpx;
      transform: translateY(4rpx);
    }
  }

  .li {
    position: relative;
    // width: 96%;
    // padding-bottom: 18rpx;
    margin-bottom: 30rpx;
    border-bottom: 1rpx solid #e0e0e0;
    
    .li_box {
      display: flex;
      .radio{
        display: flex;
        align-items: center;
      }
    }
    .sharer-say {
      padding: 10rpx 0;
      justify-content: space-between;
      align-items: center;
      text {
        width: calc(100% - 130rpx);
        // flex: 11;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      view {
        // flex: 1;
        // padding: 10rpx;
        color: #64b6a8;
      }
    }

    .xian {
      position: absolute;
      height: 2rpx;
      background-color: #e0e0e0;
      bottom: -35rpx;
      right: 0;
    }

    .biaoqian1 {
      position: absolute;
      width: 100rpx;
      height: 46rpx;
      font-size: 24rpx;
      font-weight: 600;
      line-height: 46rpx;
      color: #ffffff;
      //z-index: 1;
      top: 0;
      text-align: center;
      background: #64b6a8;
      border-radius: 0px 0px 20rpx 0px;
    }

    .biaoqian2 {
      position: absolute;
      width: 100rpx;
      height: 46rpx;
      font-size: 24rpx;
      font-weight: 600;
      line-height: 46rpx;
      color: #ffffff;
      //z-index: 1;
      top: 0;
      text-align: center;
      background: #999999;
      border-radius: 0px 0px 20rpx 0px;
    }

    .img1 {
      width: 300rpx;
      height: 200rpx;
      border-radius: 20rpx;
    }
    
    .img_box{
			width: 300rpx;
			height: 200rpx;
      position: relative;
      box-shadow: 0px 0px 6px 0px rgba(67,67,67,0.102);
      .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
      }
      .state{
        background: #64B6A8;
        padding: 10rpx 16rpx;
        border-radius: 20rpx 0 20rpx 0;
        position: absolute;
        font-size: 22rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .state1{
        background: #64B6A8;
        padding: 7rpx 10rpx;
        border-radius: 16rpx 0 16rpx 0;
        position: absolute;
        font-size: 20rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .fail {
        background: #E86565;
      }
      .fail {
        background: #999999;
      }
    }
    .img2 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
    }

    .img3 {
      position: absolute;
      width: 300rpx;
      height: 200rpx;
    }

    
		.li_1 {
			// flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-left: 24rpx;
			.tit {
				width: 100%;
				font-size: 34rpx;
				font-weight: 600;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2; //想要的行数
				-webkit-box-orient: vertical;
			}
			.neirong_1{
				// width: 366rpx;
				font-size: 24rpx;
				color: #666666;
				display: flex;
				align-items: center;
				.price{
					color: red;
					font-size: 30rpx;
					font-weight: 600;
				}
				.neir_css{
					flex: 1;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1; //想要的行数
					-webkit-box-orient: vertical;
				}
				.neir_css:nth-child(2n){
					margin-left: 10rpx;
				}
				.neir_css:nth-child(2n-1){
					margin-right: 10rpx;
				}
			}
      .neirong_6{
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 40rpx;
        .neirong_left{
          display: flex;
          .nums{
            font-size: 28rpx;
            color: #E00000;
            padding-right: 20rpx;
          }
          .unit{
            font-size: 20rpx;
            color: #666666;
          }
        }
      }
      .neirong_right{
        font-size: 20rpx;
        color: #666666;
      }
		}
  }

  .li:last-child {
    border-bottom: 0rpx solid #e0e0e0;
  }
}

.view {
  position: relative;
  font-size: 26rpx;
  border: 0;
  color: #333333;
  margin-right: 0;

  image {
    position: absolute;
    width: 44rpx;
    height: 24rpx;
    top: 66rpx;
    left: 50%;
    transform: translateX(-50%);
  }
}

.cur {
  color: #64b6a8;
  border: 0;
  transform: scale(1.1);
}

/deep/uni-checkbox .uni-checkbox-input {
  background-color: rgba(0, 0, 0, 0);
  // border: 2rpx solid #999;
  border: 2rpx solid #999 !important;
}
/deep/ uni-radio:not([disabled]) .uni-radio-input:hover {
  border-color: #d1d1d1;
}
/deep/uni-checkbox .wx-checkbox-input,
/deep/uni-checkbox .uni-checkbox-input {
  width: 48rpx;
  height: 48rpx;
  border: 2rpx solid #999 !important;
}

/deep/.uni-checkbox-input-checked {
  background-color: #64b6a8 !important;
  // border: 2rpx solid #64b6a8 !important;
}

/deep/ uni-checkbox::before {
  font-size: 40rpx;
  margin-top: -14rpx;
  right: 6rpx !important;
}

.down {
  height: 60rpx;
  line-height: 60rpx;
  // border-top: 2rpx solid #d0d0d0;
  text-align: center;
}

.none {
  text-align: center;

  image {
    width: 430rpx;
    margin-bottom: 16rpx;
  }

  view {
    height: 40rpx;
    line-height: 40rpx;
    color: #666;
  }
}

.zbc {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.hui {
		position: fixed;
		z-index: 100;
		right: 30rpx;
		bottom: 154rpx;
		display: flex;
		align-items: center;
		padding: 10rpx 20rpx;
		background-color: #fff;
		border-radius: 34rpx;
		font-size: 26rpx;
		box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);

		image {
			width: 46rpx;
			height: 46rpx;
			margin-right: 18rpx;
		}
	}
.sousuo_box {
  display: flex;
  // height: 74rpx;
  padding: 20rpx 30rpx 20rpx;
  justify-content: space-between;
  .sousuo {
    position: relative;
    width: 323rpx;
    height: 64rpx;
    // margin-top: 30rpx;
    // margin-left: 30rpx;
    border: 2rpx solid #64b6a8;
    border-radius: 36rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20rpx;
    margin-right: 30rpx;
    image {
      display: inline-block;
      width: 50rpx;
      height: 50rpx;
      // margin-left: 20rpx;
      // margin-top: 12rpx;
    }

    input {
      display: inline-block;
      width: 220rpx;
      height: 50rpx;
      line-height: 52rpx;
      // margin-top: 12rpx;
      vertical-align: top;
      font-size: 28rpx;
    }

    .quxiao {
      position: absolute;
      top: 4rpx;
      right: 4rpx;
      width: 120rpx;
      height: 60rpx;
      line-height: 60rpx;
      color: #fff;
      text-align: center;
      background: #64b6a8;
      border-radius: 30rpx;
    }
  }
  .sousuo_right {
    display: flex;
    .btn{
      padding: 0 34rpx;
      border-radius: 100rpx;
      background: #64B6A8;
      font-size: 28rpx;
      color: #fff;
      line-height: 64rpx;
      margin-right: 30rpx;
      text-align: center;
    }
    .btn:last-child {
      margin-right: 0;
    }
    .btn2 {
      width: 180rpx;
    }
  }
}
.top_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 30rpx 0;
  .tips{
  align-items: center;
    image {
      width: 48rpx;
      height: 48rpx;
      margin-right: 10rpx;
    }
    font-size: 24rpx;
    color: #999999;
  }
  .top_btn {
    width: 137rpx;
    height: 52rpx;
    border-radius: 10rpx;
    opacity: 1;
    border: 2rpx solid #64B6A8;
    color: #64B6A8;
    font-size: 24rpx;
  }
}

.window{
	width: 600rpx;
	background: #fff;
	border-radius: 10rpx;
	padding: 54rpx 60rpx;
	position: relative;
	overflow: hidden;
	.window_text{
		margin-bottom: 20rpx;
		font-size: 34rpx;
		line-height: 48rpx;
		color: #333;
    text-align: center;
	}
	.text_widnow{
		padding: 16rpx;
		min-height: 160rpx;
		background: #F2F2F2;
		border-radius: 10rpx;
		opacity: 1;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-bottom: 20rpx;
	}
	.show{
		text-align: right;
		font-size: 24rpx;
		color: #64B6A8;
		line-height: 34rpx;
		padding-bottom: 20rpx;
	}
	.window_btn_box{
		display: flex;
    justify-content: center;
		.window_btn{
			// width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 90rpx;
			background: #F2F2F2;
			font-size: 30rpx;
      width: 240rpx;
      height: 60rpx;
      background: #64B6A8;
      border-radius: 37rpx;
      opacity: 1;
      color: #fff;
		}
		.window_btn1{
			color: #fff;
			background: #64B6A8;
		}
	}
}
</style>